<template>
    <div class='list'>
          <div class="article_item" v-for="(item,index) in currentList" :key="index">
              <!-- 标题 -->
              <h3 class="van-ellipsis">{{ item.title }}</h3>
              <!-- 根据当前的封面类型决定显示单图 三图 还是无图 -->
              <!-- 三图图片 -->
              <div class="img_box" v-if="item.cover.type === 3">
                <!-- 图片组件用的是 vant的组件库中的图片组件 需要使用该组件 进行图片的懒加载 -->
                <img class="w33"  src="https://shuiruorhanyu-1302806742.cos.ap-beijing.myqcloud.com/u%3D291219353%2C82784580%26fm%3D26%26gp%3D0.jpg" />
                <img class="w33"  src="https://shuiruorhanyu-1302806742.cos.ap-beijing.myqcloud.com/u%3D291219353%2C82784580%26fm%3D26%26gp%3D0.jpg" />
                <img class="w33" src="https://shuiruorhanyu-1302806742.cos.ap-beijing.myqcloud.com/u%3D291219353%2C82784580%26fm%3D26%26gp%3D0.jpg" />
              </div>
              <!-- 单图 暂时隐藏掉单图-->
               <div class="img_box" v-if="item.cover.type === 1">
                 <!-- 单图取第一个 -->
                <img class="w100"  src="https://shuiruorhanyu-1302806742.cos.ap-beijing.myqcloud.com/u%3D291219353%2C82784580%26fm%3D26%26gp%3D0.jpg" />
              </div>
              <!-- 作者信息 -->
              <div class="info_box">
                <span>{{ item.aut_name }}</span>
                <span>{{ item.comm_count }}评论</span>
                <span>{{ item.pubdate }}</span>
                <span class="close">
                </span>
          </div>
      </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters(['currentList'])
  }
}
</script>
